<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册--华为账号</title>

    <!-- 引用图标 -->
    <link rel="icon" href="img/favicon.ico">

    <!-- 引入字体图标的样式 -->
    <link rel="stylesheet" href="css/iconfont.css">

    <!-- 引用外部文件 -->
    <link rel="stylesheet" href="css/zhucecom.css">
</head>
<body>
<!-- 头部 -->
<div class="header">
    <div class="header-center">
        <div class="center-left">
            <img src="img/HUAWEI.svg">
        </div>
        <div class="center-right">
            <span class="center-right-g">丨</span>
            <span class="center-right-w">华为商城</span>
        </div>
    </div>
</div>
<!-- 主体 -->
<div class="main">
    <div class="detail">
        <div class="tab">
            <div class="tabphone">
                <button>
                    <img src="img/shouji.png" width="15px">
                </button>
                <a href="zhuce.html" style="color: black;text-decoration: none;">手机号注册</a>
            </div>
            <div class="tabemail">
                <button>
                    <img src="img/youjian.png" width="15px">
                </button>
                <a>邮箱地址注册</a>
            </div>
        </div>

        <div class="comment-value">
            <div class="main-title">
                <div class="title-w">
                    <span>华为账号注册</span>
                </div>
                <div class="title-l">
                    <span>已有账户，</span>
                    <a href="css/denglu.html">去登录&gt;</a>
                </div>
            </div>

            <div class="area">
                <div class="total">
                    <span>国家/地区</span>
                </div>
                <select class="sel"
                        onblur="size=0"
                        onmousedown="if(options.length>6){size=7}"
                        onchange="size=0">
                    <option value="AF">阿富汗</option>
                    <option value="RUS">俄罗斯</option>
                    <option value="AL">阿尔巴尼亚</option>
                    <option value="AR">阿根廷</option>
                    <option value="AU">澳大利亚</option>
                    <option value="BY">白俄罗斯</option>
                    <option value="Chinese" selected>中国</option>
                    <option value="FR">法国</option>
                    <option value="Japan">日本</option>
                    <option value="English">英国</option>
                </select>
            </div>
            <div class="area-email">
                <input type="text" placeholder="邮箱地址" class="key">
            </div>
        </div>
        <div class="area-key">
            <input type="password" placeholder="密码" class="key">
        </div>
        <div class="area-key-again">
            <input type="password" placeholder="确认密码" class="key">
        </div>
        <div class="area-data">
            <div class="birth-d">
                <span>出生日期</span>
            </div>
            <label><input type="date" class="data-text"></label>
        </div>
        <div class="summit">
            <button class="summit-b"><a class="aaa" href="css/denglu.html">注册</a></button>
        </div>

    </div>
</div>
</body>
</html>